.carousel1, .carousel2 {
    position: relative;
    overflow: hidden;
    width: 200px;
    height: 150px;
  }
  .carousel1-list {
    position: absolute;
    display: flex;
  }
  .carousel1-list, .carousel1-list li {
    list-style: none;
    text-indent: 0;
    padding: 0;
    margin: 0;
  }
  .carousel1-list li {
    display: inline-block;
    width: 200px;
    height: 150px;
    border: 1px solid black;
    box-sizing: border-box;
  }
  .red {
    background-color: red!important;
  }
  .blue {
    background-color: blue!important;
  }
  .green {
    background-color: green!important;
  }
  .big-text {
    text-align: center;
    line-height: 150px;
    color: white;
    font-size: 4em;
  }
  .transition {
    transition: 0.5s all ease-in-out;
  }
  .indicator {
    position: absolute;
    width: 100%;
    bottom: 0px;
    text-align: center;
  }
  .indicator , .indicator li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .indicator li {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
    cursor: pointer;
    margin: 3px;
  }
  .indicator li.current {
    background-color:bisque;
  }
  /* .indicator li::content {display: none;} */
  
  @keyframes leftIn {
    0% {
      left: 100%;
    }
    100% {
      left: 0;
    }
  }
  @keyframes leftOut {
    0% {
      left: 0%;
    }
    100% {
      left: -100%;
    }
  }
  @keyframes rightIn {
    0% {
      left: -100%;
    }
    100% {
      left: 0;
    }
  }
  @keyframes rightOut {
    0% {
      left: 0%;
    }
    100% {
      left: 100%;
    }
  }
  
  .animate {
    animation-duration: 0.5s;
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
  }
  .leftIn {
    animation-name: leftIn;
  }
  .leftOut {
    animation-name: leftOut;
  }
  .rightIn {
    animation-name: rightIn;
  }
  .rightOut {
    animation-name: rightOut;
  }
  .carousel2 .item {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    text-align: center;
    line-height: 150px;
    font-size: 4em;
  }